<template>
    <el-tabs v-model="activeName" type="card">
        <el-tab-pane v-for="item in data" :key="item.name" :lazy="true" :label="item.name" :name="item.name">
            <Java :value="item.content" :height="height" />
        </el-tab-pane>
    </el-tabs>
</template>

<script>
import Java from '@/components/JavaEdit/index';
import {generator} from '@/api/generator/generator';

export default {
    name: 'Preview',
    components: {Java},
    data() {
        return {
            data: null, height: '', activeName: 'Entity'
        };
    },
    created() {
        this.height = document.documentElement.clientHeight - 180 + 'px';
        const tableName = this.$route.params.tableName;
        generator(tableName, 1).then(data => {
            this.data = data;
        }).catch(() => {
            this.$router.go(-1);
        });
    }
};
</script>
